﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title></title>
    <link rel="stylesheet" href="/css/addAndDeleteFromList.css">
    <script src="/js/addAndDeleteFromList.js"></script>
</head>

<body class="win-type-body">
    <div id="scenarioHeader">
        <h2 id="sampleHeader" class="win-type-subheader">Description:</h2>
        <div id="scenarioDescription">
            Add and remove from list
        </div>
    </div>
    <div id="input">
        <p>
            Use the Add To List and Delete From List animations and all their parameters. These animations are used to add or delete an item from a list.
        </p>
        <p>Use the buttons below to either add or delete an item at the top of the list.</p>
        <p>
            <button class="win-button" id="addItem">Add an item</button>
            <button class="win-button" id="deleteItem">Delete an item</button>
        </p>
    </div>
    <div id="output">
        <div id="errorMessage"></div>
        <p>Click on a button to add or delete an item from the list.</p>
        <div id="list">
            <div class="listItem"></div>
        </div>
    </div>
</body>

</html>